/* Theme Name: 魔术门户 Theme URI:http://www.themepark.com.cn/ Description: WEB主题公园所出品的一款swiper框架主题，对移动设备的运行非常流畅，并且兼容web主题公园所出品的购物盒子WordPress插件，可以建立一个带有购物车、小型论坛、qq登录和本地化留言框等强大功能的主题。 Author:WEB主题公园 Author URI: http://www.themepark.com.cn/ Version: 1.23 */ * {margin: 0;padding: 0} body {background: white;font: 14px/1.4 Georgia,Serif;font-family: 微软雅黑,Arial,Helvetica,sans-serif; background: fixed url("images/whitediamond.png"); height:100%; position:relative; display:block; } .body_hd{ width:100%; height:1000px; position:absolute; z-index:1; top:0; left:0;background:center top no-repeat url("images/ba.png") } html{ position:relative;} .screen-reader-text {position: absolute;left: -9999px;top: -9999px} .clear {clear: both} .group: after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0} * html .group,*: first-child+html .group {zoom: 1} a{ text-decoration:none;} img{ border:none;max-width:100%; height:auto;} li,ul,ol{ list-style:none } b a,h2 a{ color:#333;} .header{ width:100%; height:191px; position: relative; z-index:100;} .header_background{ width:100%; height:100%; position:absolute; z-index:1; top:0; left:0; background:#fff;;} .header_nav_background{ width:100%; height:78px; position:absolute; z-index:1; bottom:0; left:0; background:#fff;} .top{ width:100%; height:auto; position: relative;} .top_bac{ width:100%; height:32px; background:#000; position:absolute; left:0; top:0; z-index:1;opacity:0.5;filter:Alpha(opacity=50); border-bottom:solid 1px #FFFFFF;} .top_in{ width:98%; max-width:1200px; min-width:1024px; height:17px; padding: 8px 1%;; margin:0 auto; position:relative; z-index:5; } .top a{ color:#fff; font-size:12px;background-image:url('images/Sprites.png'); display:block; height:17px; line-height:17px;background-repeat:no-repeat; float:left; padding-left:30px; position:relative; float:left;} .top a.top_left{margin-right:15px; float:left; } .top a.top_right{margin-left:15px; float:right; } .top a.profie{ background-position:0 -533px;} .top a.loginout{ background:none; padding:0;} .smaill_dwon{background:-9px -501px url('images/Sprites.png'); width:10px; height:6px; position:absolute; right:-13px; top:7px;} .language_drop{ float:right; width:auto; height:17px; margin-left:15px; overflow:hidden; } .language_drop a{ padding:0; margin-left:5px; background:none; border:solid 1px #FFFFFF; font-size:0; display:block; float:left;} .top strong{ font-size:12px; font-weight:normal; color:#fff; float:left;} .top a.login{ background-position:0 -238px;} .top a.reg{ background-position:0 -180px;} .top a.language{ background-position:0 -298px; cursor:pointer;} .top marquee a,#topad .top_in a{ background: none;} #topad .top_in,#topad a{ height:70px; overflow:hidden; padding:0;} #topad .top_bac{ height:70px;} #topad{ text-align:center;} #topad .top_in a{ display:inline; float:none;} .logoad{ margin-left:10px;} .header_down_out{ width:100%; height:auto;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;background:url("images/nav.png"); } .header_down_out_fixed{ position:fixed; left:0;top:0; z-index:100000000;} .header_in{ width:100%; height: auto;position:relative; z-index:10; } .header_center{ width:98%; max-width:1200px; min-width:1024px; margin:0 auto; height:78px; overflow:hidden; padding:10px 1%;} .logo{ float:left; overflow:hidden; max-width:30%; max-height:78px;} #header_pic_nav{ float: left; height:60px; } .header_menu_ul { height:60px;} #header_pic_nav li{ display:block; float:left; position:relative; z-index:10; padding:0 20px 0 15px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} #header_pic_nav li a{ float: left; margin:0 auto; display:block; height:40px; padding:8px 0 12px; width:auto;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; text-align:left;} #header_pic_nav li:hover{ background:url('images/black_b2.png');} #header_pic_nav li img{ float:left; display:block; max-width:40px; max-height:48px; margin-top:5px;} #header_pic_nav li span{ display:block; float:left; margin-left:5px; padding-top:10px;} #header_pic_nav li b,#header_pic_nav li p{ display:block; width:100%;} #header_pic_nav li b{ font-size:14px; color:#fff; font-weight:normal; line-height:17px;} #header_pic_nav li p{ font-size:10px; color:#fff;text-transform : uppercase} #header_pic_nav li .sub-menu{ position:absolute; top:60px; left:0; background:#FFF; width:400px; z-index:10; border:1px solid #f4f4f4; display:none;} #header_pic_nav li.youbian .sub-menu{ right:0; left:inherit !important;} #header_pic_nav li .sub-menu li{ padding:0; width:auto;border-left:1px solid #f4f4f4;} #header_pic_nav li .sub-menu li a{ border:none;width:178px; border-left:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;padding:20px 10px 10px 10px; height:48px;} #header_pic_nav li .sub-menu li b{ color:#333;} #header_pic_nav li .sub-menu li:hover{ background:#fafafa;} #header_pic_nav li .sub-menu li p{ font-size:12px; color:#999;} #header_pic_nav li .sub-menu li a:hover{ box-shadow:0 0 3px #CCC inset } #header_pic_nav .sub-menu li.full,.nav_menu_widgetss .sub-menu li.full{ width:100%; height:auto; padding:5px 0;} #header_pic_nav .sub-menu li.full a,.nav_menu_widgetss .sub-menu li.full a{ width:98% !important;padding:1%; height: auto;} #header_pic_nav .sub-menu li.full a img,.nav_menu_widgetss .sub-menu li.full a img{ max-width:100% !important; height:auto !important; max-height:none; margin:0;} #header_pic_nav li .sub-menu li.full a span,.nav_menu_widgetss li .sub-menu li.full a span{ display:none;} #onepices li{ width:100%;}#onepices li a{ width:99%;}#onepices .sub-menu li b,#onepices .sub-menu li p{ width:95%;} .header_search{ float:right; height:40px; width:auto; position:relative; padding:10px 0 10px; z-index:100;} .header_search_form{ width: auto; height:48px;} .header_search_form #s{ border:1px solid #fff; padding:8px 40px 8px 10px; margin-top:5px; box-shadow:0 0 3px #000; width:300px; border-radius:5px;opacity:0.8;filter:Alpha(opacity=80);-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; } .header_search_form input#s:focus{opacity:1;filter:Alpha(opacity=100);} .header_search_form #searchsubmit{ position:absolute; right:10px; top:31px; width:40px; height:30px; border:none; cursor:pointer; background: 8px -687px no-repeat url("images/Sprites.png");); border-left:solid 1px #ccc;} .header_search_go{ height:30px; padding:9px 10px 17px 0; margin-top:4px; } .header_search #searchform{ display:block; width:100%; height:100%;} .search_key{ width:100%; position:absolute; left:0; top:4px;} .search_key b{ font-size:14px; color:#FFF; margin-right:5px;} .search_key a{ font-size:12px; color:#FFF; margin-right:5px;} .header_down{width:98%; max-width:1200px;padding: 0 1%; min-width:1024px; margin:0 auto; height:60px; text-align:center; position:relative; z-index:5; } .full{ width:100%; height:528px; overflow:hidden; position:relative; z-index:10;} .header_left{ float:right; height:57px; overflow:hidden; padding-top:8px; width: auto;} .header_left .header_tel{ font-size:24px; color:#fff; display:block; padding-left:35px; background:0 7px url('images/Sprites.png');} .header_left p{ font-size:14px; color:#fff; font-weight:bold; } .header_left_title{ padding-right:10px; margin-right:10px; line-height:70px;} .header_ad{ float:left;} .nav_menu_widgetss ul{ display:block; width:100%;} .nav_menu_widgetss ul li a{ display:block; width:44%; padding:10px 0 10px 5%; float:left; overflow:hidden; border-bottom:1px solid #f4f4f4;border-left:1px solid #f4f4f4;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; } .nav_menu_widgetss ul li img{ float:left; display:block; max-width:40px; max-height:48px; margin-top:5px;} .nav_menu_widgetss ul li span{ display:block; float:left; margin-left:5px; padding-top:10px;} .nav_menu_widgetss ul li b,#header_pic_nav li p{ display:block; width:100%;} .nav_menu_widgetss ul li b{ font-size:14px; color:#333; font-weight:normal; line-height:17px;} .nav_menu_widgetss ul li p{ font-size:8px; color:#ff4800;text-transform : uppercase} .nav_menu_widgetss ul li .sub-menu{ display:block; overflow:hidden; background:#fafafa; float:left;} .nav_menu_widgetss ul li a:hover{ background:#fafafa;box-shadow:0 0 3px #CCC inset} .footer,.footer_bottom{ width:100%; float:left; overflow:hidden; } .footer{height: auto;background:#fff; border-top:solid 1px #ccc; position:relative; z-index:10;background:url('images/ba.png') } .footer_bottom{ height: auto;; text-align:center; border-top:solid 1px #ccc; background:url('images/nav.png')} .footer_in{ overflow:hidden;} .footer_in{ padding:10px 0 10px 22px; max-width:1259px; min-width:1024px; margin:0 auto ; height:auto;} .footer_in_box{ height:175px; float:left; margin:10px 1.1% 0 0; overflow:hidden; text-align:left;} .footer_in_box{*display:inline; } .footer_in_box b{ font-size:18px; color:#fff; display:block; width:100%; float:left; margin:5px 0; } .footer_in_link { display:block; float:left; } .footer_in_link li { display:block; width:100%; padding:5px 0;} .footer_in_link li a{ font-size:14px; color:#fff;} .footer_in_link li a:hover{ color:#188fba;} .about_pic{ float:left; display:block; width:30%; margin-top:10px; font-size:0;} .about_text{ float:right; display:block; width:65%; font-size:12px; color:#fff; margin-top:10px;} .nomagirc{ margin:5px 0 0;} .footer_bottom_link{ display:block; width:100%; float:left; text-align:center;} .footer_bottom_link li{ display:inline-block; margin-right:10px;} .footer_bottom_link li{ display:inline;} .footer_bottom_link li a,.footer_bottom p a{ font-size:12px; color:#fff;} .footer_bottom p{ font-size:12px; color:#fff; margin-top:5px; float:left; display:block; width:100%;} .footer_about .about_pic,.footer_about .about_text{ width:100%; margin-top:0;} .footer_about { background: top right no-repeat url("images/footer_fen.png"); padding:5px 3% 2% 0; width:30%;} .footer_contact{ background: top right no-repeat url("images/footer_fen.png"); padding:5px 3% 2% 0; width:30%;} .footer_linkss{ padding:5px 0 2% 0; width:30%;} /*index*/ .index_swipers{ width: 100%; height:539px;color: #fff;text-align: center;} .index_swipers .swiper-slide{position:relative; overflow:hidden; display: block; background-position:top center; float:left; width:321px; } .index_swipers .swiper-slide_in{ width:100%; min-width:1024px; max-width:1200px; margin:0 auto; position:relative; height:100%; z-index:10;} .index_mod_bag{ width:100%; height:100%; position:absolute; left:0; top:0; background-position:center center; background-repeat:no-repeat;} .index_next,.index_prve{ width:70px; height:77px; position:absolute; top:40%; display:block; cursor:pointer; display:none; z-index:10;} .index_next{ background:url('images/next_c.png'); right:0;} .index_prve{ background:url('images/prev_c.png'); left:0;} .left_right .left_pic{ position:absolute; left:5%; top:50px;} #left_posib{ left:5%; text-align:left;}#right_posib{ right:5%; text-align:right;} .left_right .left_pic img{ position:relative; left:-100px;opacity:0;filter:Alpha(opacity=0);} .left_right .right_text .title_lr_mod,.left_right .right_text h3,.left_right .right_text p,.left_right .right_text .btn{position:relative; right:-100px;opacity:0;filter:Alpha(opacity=0);} .left_right .right_text{ position:absolute; right:5%; top:170px; text-align: right; font-weight:bold; width:100%;} .swiper-slide_in h3,.swiper-slide_in h3 a{ font-size:34px; margin-bottom:10px; color:#FFF; text-decoration:none;} .swiper-slide_in h3 a,.left_right .right_text b,.up_down .up_text b,.swiper-slide_in p{ text-shadow:0 1px 1px #333;} .left_right .right_text b,.up_down .up_text b{ font-size:26px;text-transform:Uppercase;margin-bottom:10px;} .left_right .right_text p{ font-size:18px;margin-bottom:10px; line-height:24px;} a.btn{display:inline-block; padding:8px; position:relative; z-index:10;border-radius:5px; } a.btn b{ font-size:14px !important; position:relative; z-index:10; color:#FFF;} a.buy b{ padding:0 10px !important; margin:0 !important; display:block;;} .btn_bag{ width:99%; height:99%; background:#000;opacity:0.4;filter:Alpha(opacity=40); position:absolute; left:0; top:0;border-radius:5px; z-index:1;border:solid 1px #FFFFFF;} .dack_text_mod h3 a,.dack_text_mod b,.dack_text_mod p{ color:#000;text-shadow:0 1px 1px #fff;} .alpha90{opacity:0.9;filter:Alpha(opacity=90);} .alpha80{opacity:0.8;filter:Alpha(opacity=80);} .alpha70{opacity:0.7;filter:Alpha(opacity=70);} .alpha60{opacity:0.6;filter:Alpha(opacity=60);} .alpha50{opacity:0.5;filter:Alpha(opacity=50);} .m_title{ width:100%; float:left; overflow:hidden; } .m_title a{ font-size:12px; color:#11a3c2;margin-bottom:5px; display:block; overflow: hidden;} .m_title a b{ font-size:18px; color:#333; margin-right:10px;} .up_down .up_text{ margin-top:50px; font-weight:bold; display:block; width:100%; text-align:center; position:relative;} .up_down .up_text h3,.up_down .up_text p,.up_down .up_text .btn{ top:-100px; opacity:0;filter:Alpha(opacity=0); position:relative;} .up_down .up_text p{ font-size:16px;margin-bottom:10px;line-height:36px;} .up_down .down_pic{ margin-top:20px; display:block; width:100%; text-align:center; font-size:0; position:relative} .up_down .down_pic img{ position:relative; top:800px;opacity:0;filter:Alpha(opacity=0)} .dackses p,dackses h3,.dackses h3 a,.dackses b{ color:#333; text-shadow:0 1px 1px #fff;} .content_out{ width:100%; height:auto; float:left; padding:0 0 20px 0; position:relative; z-index:10;} .news_tuoch{ margin:20px auto; height: auto;max-width:1253px; min-width:1024px; width:100%; overflow:hidden;position:relative; z-index:10;} .news .left_news{ width:100%; float:left; overflow:hidden; position:relative; z-index:10; max-height:350px; } .right_news{ width:29%; float:left; padding:1.5%; height:350px;margin-left:1%; overflow:hidden; position:relative; z-index:10;border-radius:5px; background:#fff;border:1px solid #ccc;} .shiping_kuang{ width:100%; height:auto; overflow:hidden; position:relative;} .shiping_kuang img{ width:100%; height:auto; position:relative; z-index:1;} .shiping_kuang iframe,.shiping_kuang vedio,.shiping_kuang embed{ width:100% !important; height:100% !important; position: absolute; top:0; left:0; z-index:10;} .news_tabs{ width:100%; float:left; border-bottom:1px dashed #c0c0c0; padding-bottom:5px; margin-bottom:5px; } .news_tabs a,.news .news_header h2{ display:block; float:left; font-size:14px; color:#333; padding:5px 2.5%; cursor:pointer;} .news_tabs a{transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;} .news_tabs a.active,.news .news_header h2 ,.news .news_header h2 a{ background:#188fba; color:#FFF; font-weight:normal;} .news_tabs a.active{ border-radius:5px; } .news_info{ float:left; width:100%; overflow:hidden; height:309px;} .news_info .swiper-slide { height:308px !important;} .news{ width:30%; float:left;padding:1.5%; margin-left:1%;border-radius:5px; background:#fff;border:1px solid #ccc; height:351px;} .news_info ul{overflow:hidden; position:relative; width:100%; display:block;} .news_info ul li{ width:100%; float:right; display:block; overflow:hidden; padding:6px 0; border-bottom:dashed #999999 1px; text-align: left;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;} .news_info ul li b{ display:block; float:left; font-size:36px; color:#E4E4E4; margin-right:10px; line-height:36px; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s} .news_info ul li a{ display:block; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s} .news_info ul li a strong{ display:block; font-size:14px; font-weight:normal;} .news_info ul li a{ color:#666;} .news_info ul li a em{ font-size:12px; color:#999; display:block; transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s} .news_info ul li:hover b,.news_info ul li:hover em{ color:#188fba ;} .news_info ul li:hover a{ color:#000;} .news_info ul li:hover{ background:#EFEFEF;} .left_lunbo{ float:left; width:28.5%;padding:1.5%; height:351px; overflow:hidden;border-radius:5px; background:#fff;border:1px solid #ccc; margin-left:0.5%;} .left_lunbo_out{ float:left; width:100%; height:254px;} .left_lunbo .news_lunbo img{ max-width:100%; height:auto;} .left_lunbo h2,.news_header h2,.left_lunbo h3,.news_header h3{ display:block; padding-bottom:5px; margin-bottom:15px; border-bottom: dashed 1px #CCCCCC;color:#CCC; font-size:18px;text-transform: uppercase;} .left_lunbo h2 strong,.news_header h2 strong,.left_lunbo h3 strong,.news_header h3 strong{ color:#188fba; font-size:16px; margin-left:5px;} .left_lunbo_nav{ width:98%; padding:0 1%; height: auto; float:left; overflow:hidden;} .left_lunbo_nav a{ display:block; width:18%; margin-right:2%; float:left; cursor:pointer;} .left_lunbo_nav a img{ display:block; border:3px solid #fff; box-shadow:0 0 3px #ccc; max-width:100%; height:auto;} .left_lunbo_nav a.active img{ border:3px solid #188fba ;} .news_lunbo a{width:94%; padding:2%; margin:1%; display:block; height:229px; background:#fff; box-shadow:0 0 3px #CCC; position:relative; border-radius:5px; font-size:0; overflow:hidden;} .news_lunbo a strong{ width:94%; display:block; color:#FFF; padding:5px 0 5px 2%; position:absolute; bottom:5%; left:2%; background:url("images/blacks.png"); font-weight:normal; font-size:12px;} .rightnews_ul{ display:block; width:100%; overflow:hidden; height:351px;} .rightnews_ul li{ width:47.5%; height:auto; display:block; overflow:hidden; margin:1%; float:left; text-align:center;} .rightnews_ul li a img{ width:100%; height:auto;} .rightnews_ul li a strong{ font-size:14px; color:#333;} #case_two{ margin:20px auto; height: auto;max-width:1253px; min-width:1024px; width:100%; overflow:hidden;position:relative; z-index:10; background:none; border:none; padding:0;} #case_two .caseshow_title{ text-align:left; margin-bottom:10px;} #case_two .caseshow_title h2{ margin:0;} #case_two .caseshow_in{ width:63.6%; float:left;padding:1%;overflow:hidden;border-radius:5px; background:#fff;border:1px solid #ccc; margin:0 0 0 0.5%; position:relative;} #case_two .caseshow_in li{ width:31.3%; padding:0; margin:0;} #case_two .caseshow_in li .case_pic,#case_two .caseshow_in li div,#case_two .caseshow_in li div p,.right_pic_ul_s li p{ height:auto; width:98%; padding:1%; overflow: hidden; text-align:left;} #case_two li .case_pic:hover img,.right_pic_ul_s li .case_pic:hover img {-moz-transform: none ;-webkit-transform:none ;-o-transform: none ;} #case_two .left_text{ float: left; width:30%; padding:1%; overflow:hidden;border-radius:5px; background:#fff;border:1px solid #ccc; margin:0 0 0 1%;} .nav_case_two a{ padding:3px 15px; font-weight:bold; color:#999; font-size:12px; display:block; float:left; cursor:pointer;transition:all 0.8s; -moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s;background:#EFEFEF; border-radius:3px; margin-left:1px;} .nav_case_two a:hover{ background:#188fba; color:#FFF;} .nav_case_two{position:absolute; top:12px; right:1.5%;} #case_two .left_text ul li{ width:100%; height:auto; margin-bottom:5px; border-bottom: dashed 1px #F0F0F0} #case_two .left_text ul li .left_text_title{ width:22.6%; height:auto; display:block; float:left; margin-right:10px;} #case_two .left_text ul li span{ text-align:left; display:block;} #case_two .left_text ul li span strong{ font-size:14px; color:#333;} #case_two .left_text ul li span p{ font-size:12px; color:#666;} #case_two .left_text_shot ul li .left_text_title{ width:20.7%;} #case_two .left_text_fang ul li .left_text_title{ width:19%;} #case_two .left_text_two.left_text_fang ,#case_two .caseshow_in.left_case_fang{ height:309px;} #case_two .left_text_two.left_text_shot ,#case_two .caseshow_in.left_case_shot{ height:243px;} #case_two .left_text_two ,#case_two .caseshow_two { height:339px;} #case_two .pic_tow_sid li.pic_tow_fist{ width:48%;} #case_two .pic_tow_sid li{ float:left; margin:1%; padding:0; width:22%;} #case_two .pic_tow_sid li a ,#case_two .pic_tow_sid li p{ color:#FFF;} #case_two .left_text ul li.text_modle{ margin-bottom:3.5px} #pic_two_info{ float:left; width:100%; height:272px;} #case_two #pic_two_info ul li .left_text_title{ width:24.5%; } #per27 #case_two .left_text{ height:auto !important;} .pic_tows .caseshow_in,.pic_tows .left_text{ height:314px;} .caseshow{width:98%; height: auto; padding:0 1% 20px 1%; background:#FFF; margin:0 auto 20px auto;border-radius:5px; ; max-width:1199px; min-width:1024px;border:1px solid #ccc} .caseshow .caseshow_title h2,.caseshow .caseshow_title h3{ display:block; margin-top:20px; font-size:16px; color:#000;color:#CCC; font-size:18px;} .caseshow .caseshow_title h2 strong,.caseshow .caseshow_title h3 strong{ color:#188fba; font-size:16px; margin-left:5px;} .caseshow a.caseshow_title{ display:block; padding-bottom:5px; border-bottom: dashed 1px #CCCCCC;text-transform: uppercase; padding-top: 1px;} .caseshow_in{width:100%; height:auto; margin:10px auto 0; text-align:center;} .caseshow ul{ display:block; overflow:hidden; width:100%; height:auto;} .caseshow li{ float:left; display:block; width:22.9%; padding:1%; height:auto; text-align:center; margin-bottom:10px; position:relative; } .caseshow li img{width:100%; height:auto; display:block;} .caseshow li .case_pic{ display:block; overflow:hidden; width:100%; height:100%; font-size:0; position:relative;} .caseshow li .case_pic img{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; } .caseshow li .case_pic img.attachment-case{ max-height:191px;} .attachment-fang{max-height:287px;} .attachment-case_full{max-height:320px;} .caseshow li .case_pic:hover img{-moz-transform: scale(1.02, 1.02);-webkit-transform: scale(1.02, 1.02);-o-transform: scale(1.02, 1.02);} .caseshow li div.case_div{ overflow:hidden; width:98%; padding:0 1% 5px;} .caseshow li div strong a{ font-size:14px; color:#333;} .caseshow .case_two_swiper li div strong a,.caseshow .case_two_swiper li div p{ color:#fff;} .caseshow li div strong{ margin:5px 0; display:block; width:100%;} .caseshow li div p{ height:36px; font-size:12px; display:block; width:100%; color:#666;} .tuijian_loop{ width:47px !important; height:47px !important; position:absolute; left:0; top:0; background:0px -738px no-repeat url('images/Sprites.png'); z-index:1111;} .zhuanti_loop{ width:47px !important; height:47px !important; position:absolute; left:0; top:0; background:0px -817px no-repeat url('images/Sprites.png'); z-index:1111;} .designer{width:98%; height: auto; margin:20px auto 20px auto;; max-width:1239px; min-width:1024px; padding:0 1% 5px 1%; position:relative; z-index:10; overflow:hidden;} .designer .left_nav{ width:24%;padding:0.5%; height:500px; background:#FFF;border:1px solid #ccc;float:left; border-radius:3px; position:relative; z-index:5;} .designer .left_nav .left_nav_title{ display:block; width:100%; padding:10px 0; border-bottom:solid #ccc 1px; } .designer .left_nav .left_nav_title h3{background: 8px -925px url('images/Sprites.png');font-size:14px; color:#333; padding-left:30px; margin-left:15px; } .designer .left_nav ul{ display:block; width:100%; } .designer .left_nav ul li{ display:block; width:96%;background:#FAFAFA; padding:0 2%;float:left;border-bottom:solid #F3F3F3 1px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; position:relative;} .designer .left_nav ul li .sub-menu{ display:none; position:absolute; right:-101%; top:0;border:solid 1px #ccc;border-radius:3px; width:100%;} .designer .left_nav ul li.menu-item-has-children .children_point{ background: 0 -875px url('images/Sprites.png'); width:20px; height:20px; position:absolute; right:0; top:16px;} .designer .left_nav ul li.ad img{ max-width:100%; height:auto; margin:0;} .designer .left_nav ul li.ad span{ display:none;} .designer .left_nav ul li:hover{ background:#F3F3F3;} .designer .left_nav ul li a{ display:block; width:100%; padding:10px 0; float:left;} .designer .left_nav ul li.ad a{ padding:5px 0; } .designer .left_nav ul li a img{ float:left; margin-left:10px;} .designer .left_nav ul li a span{ float:left; margin-left:10px;} .designer .left_nav ul li a span b{ font-size:14px; color:#333; font-weight:normal; padding-left:15px; background: 0 -888px url('images/Sprites.png'); } .designer .left_nav ul li a span p{ font-size:12px; color:#999;} .designer .right_pic{ float:right;width:72.5%; height:500px;background:#FFF;border:1px solid #ccc; padding:0.5%; border-radius:3px; overflow:hidden; } .right_pic_ad_img{ width:100%;margin-bottom:10px;} .right_pic_ul_s{ width:100%;} .designer .right_pic .right_pic_ul_s li{ float:left; display:block; width:31.3%; margin:1%; height:auto; text-align:center; position:relative;} .designer .right_pic .right_pic_ul_s li strong a{ font-size:14px; color:#fff;} .designer .right_pic .right_pic_ul_s li p{ color:#fff;} .designer .right_pic .swiper-wrapper li{ display:block; float:left; position: relative; height:100% !important; width:100%; text-align:center;} .designer .right_pic .swiper-wrapper li a span{ display:block; width:98%; padding:10px 1%; background:url("images/blacks.png"); position:absolute; bottom:0; left:0; text-align: left;} .designer .right_pic .swiper-wrapper li a span b{ font-size:14px; color:#FFF;} .designer .right_pic .swiper-wrapper li a span p{ font-size:12px; color:#fff;} .designer .right_pic .index_next,.designer .right_pic .index_prve{ top:45%;} .designer .right_pic .designer_sweper{ height:500px;} .right_pic_ul_s li a{ display:block; overflow:hidden; width:100%; height:auto;} .text_right_pics{ position: absolute; bottom:1%; left:0; background:url('images/blacks.png'); width:98%; height:auto; padding:1%; display:none;} .text_right_pics .black_price_yj{ color:#ccc;} .text_right_pics .black_price{ color:#F60;} #noswiper{ width:100%; height:auto; margin-bottom:20px; overflow:hidden; position:relative; z-index:10;} #noswiper .nav_poket_widgetss_in{width:98%; height: auto; padding:0 1% 0 1%; margin:0 auto 20px auto;width:100%; max-width:1236px; min-width:1024px;} #noswiper .nav_poket_widgetss_title{ width:70%; padding:20px 15% 0 15%; height:auto; text-align:center;} #noswiper .nav_poket_widgetss_title h2,#noswiper .nav_poket_widgetss_title h3{ font-size:24px; color:#333; margin-bottom:10px;} #noswiper .nav_poket_widgetss_title p{ font-size:16px; color:#666; margin-bottom:10px} #noswiper .nav_poket_ul{ display:block; width:102%; clear:both; padding-top:5px;} #noswiper .nav_poket_ul li{ width:22.6%; padding:0.5%; margin-right:1%; margin-bottom:1%; display:block; height:auto; float:left; text-align:center; background:#FFF; border:1px solid #ccc; border-radius:5px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; } #noswiper .nav_poket_ul li:hover{ box-shadow:0 0 5px #666666;} #noswiper .nav_poket_ul li a{ display:block; width:100%; } #noswiper .nav_poket_ul li a img{ width:100%; height:auto; display:block; overflow:hidden; } #noswiper .nav_poket_ul li a span{ padding-top:10px; display:block;} .nav_poket_widgetss .nav_poket_ul li a b{ font-size:18px; color:#333;} .nav_poket_widgetss .nav_poket_ul li a p{ font-size:12px; color:#666; padding:10px 0; text-align:left; display:block; max-height:43px; overflow:hidden;} #noswiper .radius img{border-radius:100%; border:solid 3px #fff;} .nav_poket_widgetss .whiht_text .nav_poket_ul li a b,.nav_poket_widgetss .whiht_text .nav_poket_ul li a p,.nav_poket_widgetss .whiht_text .nav_poket_widgetss_title h2,.nav_poket_widgetss .whiht_text .nav_poket_widgetss_title p{ color:#FFF;} .nav_poket_widgetss .alphass90 .nav_poket_ul li a b,#noswiper .alphass90 .nav_poket_ul li a p{opacity:0.9;filter:Alpha(opacity=90);} .nav_poket_widgetss .alphass80 .nav_poket_ul li a b,#noswiper .alphass80 .nav_poket_ul li a p{opacity:0.8;filter:Alpha(opacity=80);} .nav_poket_widgetss .alphass70 .nav_poket_ul li a b,#noswiper .alphass70 .nav_poket_ul li a p{opacity:0.7;filter:Alpha(opacity=70);} .nav_poket_widgetss .alphass60 .nav_poket_ul li a b,#noswiper .alphass60 .nav_poket_ul li a p{opacity:0.6;filter:Alpha(opacity=60);} .nav_poket_widgetss .alphass50 .nav_poket_ul li a b,#noswiper .alphass50 .nav_poket_ul li a p{opacity:0.5;filter:Alpha(opacity=50);} #swiper_nav li{ display:block; float:left; width:100%; position:relative; } #swiper_nav{ position:relative; overflow:hidden; margin:0 auto 20px auto;} #swiper_nav .index_next,#swiper_nav .index_prve{ top:45%;} #swiper_nav li span{ display:none;} #swiper_nav li .sub-menu{ position:absolute; width:100%; height:auto; top:0; max-width:1200px; min-width:1024px;} #swiper_nav li .sub-menu a span{ display:block; padding:15% 10% 0 10%; width:80%; text-align:left; } #swiper_nav li .sub-menu li{ display:block; float:left; width:50%; padding-top:5%; text-align:center;} .bz1280{ max-width:1237px; min-width:1024px; height:auto;} .bz1280k{width:99%; height: auto; padding:0.5%; background:#FFF; max-width:1220px; min-width:1024px;} .vedio_over_li{ width:100%; height:auto; background:url("images/blacks.png"); position:absolute; bottom:-100%; left:0;} .vedio_over_li a{ color:#FFF; font-size:12px; display:block; width:96%; padding:5px 2%;} .nav_menu_widgetss{ width:100%; background:#FFF; border:#cbcbcb solid 1px; overflow:hidden; margin-bottom:20px; float:left;} /* page_top */ #page_top{ width:100%; height:36px; padding-top:14px; overflow:hidden; margin-top:-7px; position:relative; z-index:5;} #page_bottom{ width:100%; height:108px; padding:90px 0; overflow:hidden; background-attachment:fixed; background-position: bottom center; background-image: url("images/pic_bottom.jpg"); margin-top:-7px; border-top:solid 1px #FFFFFF; text-align:center;} #page_bottom p{ color: #FFF; font-size:24px; text-shadow:1px 1px #000000;} #page_top .page_top_in{ width:95%; height: auto; max-width:1180px; min-width:760px; _padding:0; _width:960px; margin:0 auto; position:relative; overflow:hidden;} #page_top .page_top_in h3,#page_top .page_top_in h1,#page_top .page_top_in div{ display:block; width:100%; font-size:24px; color:#fff; font-weight:normal;text-transform:uppercase;} #page_top .page_top_in h3 a,#page_top .page_top_in h1 a,#page_top .page_top_in div a{ font-size:14px; color:#FFF; text-transform:uppercase;} #page_top .page_top_in p{ font-size:9px; color:#FFF;} #page_muen_nav{ width:98%; height:auto; max-width:1179px; min-width:1024px;padding:10px 1%; margin:5px auto ; background:url('images/white_47.png');position:relative; z-index:5;} #page_muen_nav b,#page_muen_nav a{ font-size:12px; color:#333; text-decoration:none;} #page_muen_nav a:hover{color:#117dc2} #per27 .news_tuoch,#per27 #noswiper .nav_poket_widgetss_in ,#per27 #case_two { width:100%; min-width:100%; border:0; padding:0; margin:0;} #per27 .caseshow_in{ padding-bottom:80px !important; margin-bottom:0 !important;} #per27 .news_tuoch,#per27 #noswiper .nav_poket_widgetss_in li,#per27 .caseshow_in,#per27 .left_text,#per27 #case_two .swiper-container,#per27 #case_two .left_text { width:100%; padding:0; margin-bottom:10px; border:none;} #per27 .news_tuoch .left_lunbo,#per27 .news_tuoch .news,#per27 .news_tuoch .right_news{ width:100%; border:0; padding:0; margin-bottom:15px;} #per27 .nav_case_two{ bottom:0; top: auto; height:28px;} #per27 #case_two .pic_tow_sid li{ width:48%;} #per27 #case_two .pic_tow_sid li.pic_tow_fist{ width:100%;} #content{ width:100%; height: auto; max-width:1110px; min-width:1198px; _width:960px; margin:20px auto 0 auto; position:relative; overflow:hidden; padding:0 10px 20px 10px;position:relative; z-index:5;} #content .left_mian{ width:25%; height:auto; overflow:hidden; float:left;background:#fff; padding:1%; } #content .right_mian{ width:70%; height:auto; overflow:hidden; float:right; background:#fff; padding:0 1%;} .fullpages{ background:#fff; padding:0 1%;} #content .case_in ul li{ margin-bottom:15px; width:23%; margin-right:1%;} #content .case_in ul { width:105%; display:block; overflow:hidden;} #content .case_in ul.slides li p{ margin-bottom:5px; height:36px;} #content .right_mian .case_in ul.slides li{ width:31%;} #content .case_in .black_price_out{ float:left; width:96%; padding:0 2%; height:36px;} #content .case_in .case_satar{ margin-left:2%; float:right;} .product_nav_index{ width:98%; padding:1%; background:#FFF; overflow:hidden; margin:0 auto 20px auto;width:100%; max-width:1200px; min-width:1024px; } .product_nav_index #nav_product_mue{ margin:0 !important; padding:0; border:none; } .nav_product_mu ,#nav_product_mue { display:block; width:100%; height:auto; overflow:hidden;} #nav_product_mue { margin:0 auto; padding:1%; width:98%; background:#FFF;} .nav_product_mu li{ width: auto; height:auto; display:block; float:left;} .nav_product_mu li.menu-item-has-children{ width:100%; margin-bottom:10px;} .nav_product_mu li a{ display:block; width: auto; height:auto; font-size:14px; color:#333; font-weight:bold; padding:2px; float:left; margin-right:10px; text-align:center; text-decoration:none;border-radius:5px;} .nav_product_mu li .sub-menu{ display:block;} .nav_product_mu li .sub-menu li{ display:inline-block; margin-right:10px;} .nav_product_mu li .sub-menu li a{ color:#999; font-size:12px ; width:auto ; padding:3px; font-weight:normal; cursor:pointer; } .nav_product_mu li .sub-menu li a:hover{ color:#fff !important;background:#188fba;} #nav_product_mue #choose{ padding:3px 4%; color:#FFF; border: none;text-transform: uppercase; cursor:pointer; background-color: #188fba; background-repeat:no-repeat; background-position:center } #nav_product_mue #choose:hover{background-color: #333333; } .select{ background:#188fba; color:#FFF !important;font-weight:bold !important;} #tagesulg,#catsulg{ display: none;} #tagesname{ width:82%; background:#EAEAEA; border:none; font-size:14px; color:#666; padding:3px;} .right_mian #tagesname{ width:79%;} .s_search_ys{ background:#FFF; float:left; width:99%; padding:5px;} .alignleft {display:inline;float:left; margin-right:1.625em;} .alignright { display:inline; float:right; margin-left:1.625em;} .aligncenter {clear:both;display:block; margin-left:auto;margin-right:auto;} .title_page{ width:100%; padding:10px 0; border-bottom:#CCC solid 1px; margin-bottom:10px; } #nav_product_mue .title_page a{ font-size:12px; color:#188fba; margin-left:5px;} .pager {width:95%;overflow:hidden;white-space:nowrap;padding:4px;float:left;text-align:left; margin:20px 0;} .pager a { background:#333; color:#FFF; font-size:12px;margin:2px;padding:6px 12px; text-decoration:none;} .pager a.current {background:#11a3c2; font-size:12px;margin:2px;padding:6px 12px;} .pager a:hover {background:#11a3c2;font-size:12px;color:#fff;text-decoration:none;} .hover_incase{ position:absolute; top:0; left:0; display:none;} #category{ width:100%;} #category .default{ background:#fff;} #category .default li{padding:10px 1%; width:98%; margin-bottom:10px; border-bottom:dashed #ccc 1px; overflow:hidden;} #category .default li:hover{ background:#FFF; box-shadow:0 0 3px #CCCCCC; } #category .default li .titels{ font-size:16px; color:#333; font-weight:bold; margin-bottom:5px;} #category .default li span a{ margin-bottom:5px;} #category .default li p{ font-size:14px; color:#666;} #category .default li p em{ font-size:12px; color:#999;} #category .default li .picdsa{ border:solid 3px #FFFFFF; width:30%; height:auto; float:left; overflow:hidden; display:block; margin-right:10px; position:relative;} #category .default li span a:hover,.infot a:hover{ text-decoration: underline; color:#11a3c2} .infot a#tagss{ color:#11a3c2; font-size:12px; font-weight:normal; display:inline; margin-right:5px;} .infot{ color:#11a3c2; font-size:12px; font-weight:normal; display:block; width:100%; padding-bottom:3px; margin-bottom:6px; } .infot a{color:#11a3c2;} .infot em{ margin-right:10px;} .ad_img{ padding:1%; width:98%; background:#FFF; display:block; height:auto; overflow:hidden;} .ad_img img{ max-width:100%; height:auto;} #category .case_full_list li b,#category .case_full_list li .price,#category .case_full_list li .pfen{top:0;opacity:1;filter:Alpha(opacity=100);} #category .case_full_title p{top:0;opacity:1;filter:Alpha(opacity=100);} #category .case_full_list li .case_full_div img,#category .case_full_list li .case_full_div .insed_div{top:0;opacity:1;filter:Alpha(opacity=100);} #category .case_full_list{ width:105%;} #category #twogard li{ width:30%; margin-right:3%;} #pic_text_list{ width:100%; display:block; margin-top:20px; height:auto; overflow:hidden;} #pic_text_list li{ width:100%; height:auto; float:left; padding:20px 0; border-bottom:dashed #CCCCCC 1px;} #pic_text_list li .news_001_pic{ display:block; width:35%; height:auto; padding:1%; background:#FFF; box-shadow:0 0 3px #CCCCCC; float:left; margin-right:3%; font-size:0; position: relative;} #pic_text_list li .news_001_pic img{ max-width:100%; height:auto;} #pic_text_list li span{ display:block; width:60%; float:right;} #pic_text_list li span h2 a{ display:block; width:100%; font-size:18px; color:#333; margin-bottom:8px;} #pic_text_list li .infot{ margin-top:10px;} #pic_text_list li span a.time{ font-size:12px; color:#11a3c2; margin:4px 0; display:block; width:100%;} #pic_text_list li span .black_price_out{ margin-bottom:10px;} #pic_text_list li span .black_price_yj,#pic_text_list li span .black_price{ position:relative; top:-2px;} .tag_pro{ display:block; width:100%; height:auto; overflow:hidden; } .tag_pro a{ display:block; background:#666; color: #FFF; font-size:12px; text-decoration: none; margin:0 10px 5px 0; border-radius: 5px; float:left; padding:3px 5px;} .tag_pro a:hover{ background:#11a3c2;} #pic_text_list li span .ppre{ margin:5px 0; display:block; width:100%; overflow:hidden;} #pic_text_list li span .original_price{ color:#999; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;} #pic_text_list li span #price{ color:#FFF; margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal; margin-right:10px} .starsss{ display:block; width:100%; position:relative; top:-8px;} .singlep{ margin-top:20px !important;} .singlep .title_page{ margin-bottom:2px; border: none;} .singlep .infot{width:98%; border-left: 10px solid #ccc; border-bottom: none; background:#EFEFEF; color:#666; display:block; padding:3px 0 3px 5px;} .title_page h1{ font-size:18px; color:#333;} .singlep .des_page{ padding-bottom:5px; margin-bottom:5px; border-bottom: dashed 1px #ccc;} .enter{ margin-top:20px; overflow:hidden; width:100%; height:auto; position:relative;} .enter h2{ background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #ccc; color: #009cff; display: inline-block; font-size: 18px; margin: 20px 0; padding: 2%;width: 95%;} .enter p{ font-size:14px; color:#333; line-height:28px;} .enter a,.canshu a{ color:#11a3c2; text-decoration:underline; margin:0 5px;} .enter img{ max-width:100%; height:auto; } .next_post{ width:96%; height:auto; border-top:dotted 1px #CCCCCC; padding:3px 2%; margin-top:20px;} .suojin p{text-indent: 2em; } .suojin img{ display: inline-block;} .enter ol{ margin:10px 0;} .enter ol li{font-size:14px; color:#333; line-height:28px; list-style-type:decimal;list-style-position:inside;} .nolineheight,.enter .nolineheight p{ line-height:0 ;} .relevat_div{ width:100%; height:auto; overflow:hidden; position:relative; margin:40px 0; } .relevat_div .relevat_title{ width:98%; border-left: 10px solid #ccc; background:#EFEFEF; color:#999; display:block; padding:3px 0 3px 5px; margin-bottom:10px;} .text_relvat li{ width:45%; float:left; padding:5px 1%; margin-right:2%} .text_relvat li:hover{ background:#E4E4E4;} .text_relvat li a{ display:block; width:92%; padding-left:8%; background: no-repeat 0 -470px url("images/Sprites.png"); color:#666;color:#11a3c2;} .text_relvat li a:hover{ text-decoration:underline; } #left_mian #relevat_full li{ width:22.5%; margin-right:2%;} .next_prve{ display:block;width:50px;height:45px;opacity:0;filter:Alpha(opacity=0); position:absolute; overflow:hidden; top:30%;-moz-transition:all 0.7s;-webkit-transition:all 0.7s;-o-transition:all 0.7s; cursor:pointer;} .gallery_xz:hover .next_prve,#gallery_lightbox:hover .next_prve{opacity:1;filter:Alpha(opacity=100); } #gallery_lightbox{ width:98%; padding:1%; background:#F6F6F6; display:block; overflow:hidden; position:relative;} #gallery_xz a{ margin:0 !important; } #gallery_lightbox li{ float:left; overflow:hidden; margin:0.5%; width:19%; min-width:100px; max-width:150px; position:relative;} #gallery_product li{ float:left; overflow:hidden; margin:0 1% 5px 0; position:relative;display:block; overflow:hidden; width:19%;} #gallery_lightbox li a,#gallery_product li a{ display:block; overflow:hidden; font-size:0; position:relative; width:100%; height:auto; margin:0; } #gallery_lightbox li a img,#gallery_product li a img{ max-width:100%; height:auto;} #gallery_product{ margin:10px 0; display:block; overflow:hidden; width:101%;} #gallery_product p{ display:block; width:98%; padding:3px 1%; overflow:hidden; background:#F7F7F7;text-indent:0; line-height:20px; height:37px;font-size:12px; } .hover_lightbox{ width:100%; height:100%; position:absolute; top:0; left:0; background:url("images/black_b2.png"); display:none;} .gallery_qiehuan_x{ width:100%; height:auto;} .gallery_qiehuan_x .swiper-wrapper a{cursor:pointer; display:block; width:80px; height:80px;margin:0;} .gallery_qiehuan_x .swiper-wrapper a img{ width:70px; height:70px; border:5px solid #FFF; display:block;} .gallery_qiehuan_x .swiper-wrapper a.active img{border:5px solid #F60;} #nav_pic_swiper_next,.galic_next{ background: no-repeat url("images/next.png"); right:0;} #nav_pic_swiper_prve,.galic_prve{ background: no-repeat url("images/prev.png"); left:0;} #gallery_xz p{ display:block; width:100%; height:auto; left:0; background:#F2F2F2; padding:5px 0; color:#333;text-indent: 1em; } .galic_na{ width:100%; text-align:center; margin-top:10px;} .left_p #gallery_xz img{ max-width:100%; height:auto;} .qiehuan .swiper-slide{ text-align: center;} .qiehuan a{ margin:0;} .qiehuan a img{ display:inline;} .gallery_qiehuan_x .next_prve{ z-index:100;} #product{ width:100%; height:auto; position:relative; overflow:hidden; padding-top:20px;} #product .right_p{ width:49%; height:auto; float:right;} #product .product_pic{ width:100%; display:block; overflow:hidden;} #product .product_pic img{ max-width:100%; height: auto;} #product .left_p{ width:48%; height:auto; float:left; position:relative; overflow:hidden;} #content_shop #gallery_product,#content_shop #gallery_xz,#content_shop #gallery_lightbox{ display:none !important;} #product .list{ width:100%;height: auto; float:left; margin-top:20px;} #list_full{background:url("images/blacks.png"); padding:5px 0;opacity:0;filter:Alpha(opacity=2) position:absolute; bottom:-100px; } #product .list .next{ display:block; background: left center no-repeat url("images/next2.png"); height:100px; width:5%; font-size:12px; color:#FFF; float:left; line-height:55px; cursor:pointer; overflow:hidden;} #product .list .prve{display:block; background: right center no-repeat url("images/prev2.png"); height:100px; width:5%; font-size:12px; color:#FFF; float:left; line-height:55px; cursor:pointer; overflow:hidden;} #product .list ul{ width: auto; float:left; display:block; height: auto; margin:0; padding:0;} #product .list .lsit_hover{ width:90%; float:left; display:block; height: auto; overflow:hidden;} #product .list ul li{ float:left; display:block; width:80px; height:auto; margin:0 5px; text-align:center;} #product .list ul li a img{ max-width:100%; height:auto; } #product .list ul li .hover_lightbox{ cursor:pointer; } #product .list ul li a{border:#CCC solid 1px; width:94%;} #product .list .lsit_hover p{ color:#999; font-size:12px;} #product .shop_p{ width:96%; padding:2%; background:#EAEAEA; float:left;} #product .shop_p .original_price{ font-size:16px; color:#666; text-decoration:line-through; margin-right:10px;} #product .shop_p .price{ font-size:16px; color:#F00;} #product .shop_p .starsss{ float:left; margin-top:10px;} #product .tag_pro{ margin:10px 0 0; float:left;} #product .canshu,#product .buy_btn{ float:left; overflow:hidden; width:100%;} #product .buy_btn a.btn{ display:block; width:260px; text-align:center; padding:10px 0; background:#11a3c2; border:3px solid #cecece; border-radius: 5px; font-size:18px; color:#FFF; text-decoration:none; margin-top:20px;} #nogallery_enter .gallery_xz,#nogallery_enter .list-h,#nogallery_enter #enter_xz{ display:none !important;} .enter_cs{ display:block; width:99.8%; margin:15px 0; border:#ccc 1px solid; overflow:hidden;background:#FFF;} .enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; margin:0; text-decoration:none;} .enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;} .bqc{ border-top:#CCC dotted 1px; padding-top:20px; margin-top:20px;width:100%; overflow:hidden;} #respond{ padding:10px 0; border-top:dashed #999999 1px; margin-top:20px;} .liuy3{ padding:10px 0; color:#666; font-size:12px;} .liuy2{ float:left; padding-right:10px; width:50px; overflow: hidden} #commentform input ,#commentform textarea { border:#ccc solid 1px; background:#FFF; padding:5px; } #respond #commentform #submit{ padding:5px 20px; background:#11a3c2 ; color:#FFF; font-weight:bold; margin:0 0 0 60px !important; cursor:pointer;border-radius: 5px;} #commentform #submit:hover{ background:#333; } .order_list{ width:98%; padding:5px 0; height:auto; display:block; overflow:hidden;} .order_list li{ display:block; width:99.5%; height:auto; padding-bottom:10px; border:#ccc solid 1px; margin-bottom:10px; overflow:hidden;} .order_list li .order_top{ width:96%; height:auto; padding:5px 2%; background:#E1E1E1; overflow:hidden; border-bottom:1px solid #CCC;} .order_list li .order_top b{ font-size:14px; color:#333; float:left;} .order_list li .order_top .star{ font-size:12px; color:#fff; float:right; display:block; background:#F60; border:#CCC; border-radius:5px; padding:3px; text-decoration:none;} .order_list li .order_top .star:hover{ background:#F30;} .order_list li .order_top em{ float:right; font-size:12px; color:#333;} .order_list li .order_pic{ width:15%; height:auto; overflow:hidden; display:block; float:left; margin:2%; float: left;} .order_list li .order_more{ width:80%; float:left; margin-top:2%;} .order_list li .order_post_name { font-size:14px; color:#333; text-decoration:none; width:100%; font-weight:bold;} .order_list li .red{ font-size:14px; color:#F00;} .order_list li p{ margin:0; color:#333;} .order_list li a{ color:#03F;} .order_list li .orderstatus{ display:block; padding:2px; border:#ccc solid 1px; margin:3px 0;} .order_comment{ width:96%; height:auto; overflow:hidden; padding:2%;} .order_comment p{ display:block; width:100%; overflow:hidden;} .order_star{ display:block; width:21px; height:17px; float:left; cursor:pointer;} #order_comment em{ float:left; margin-left:10px;} #order_stars{ width:100%; height:17px; background-image:url('images/star_y.png'); background-repeat:no-repeat; line-height:18px;} .order_stars_4{ background-position:0 -21px ;} .order_stars_3{ background-position:0 -42px ;} .order_stars_2{ background-position:0 -63px ;} .order_stars_1{ background-position:0 -84px ;} .order_stars_0{ background-position:0 -103px } .order_comment textarea{ border:solid #CCC 1px; background:#FFF;border-radius:5px; padding:2%; font-size:14px; color:#666; width:95%;} .order_comment .button-primary{ border:#FFF solid 1px; background:#F60; color:#FFF; padding:5px 8px; cursor:pointer;border-radius:5px; margin-top:10px; } .order_comment .button-primary:hover{ background:#F30;} .order-pagination{ width:96%; padding:2%; height:auto; overflow:hidden; } .order-pagination span{ font-size:14px; color:#333 ; padding:2px 5px; float:left; display: block;margin:0 2px;} .order-pagination a{ display:block; float:left; padding:2px 5px; border:solid #CCC 1px; margin:0 2px; color:#333; text-decoration:none;} .order-pagination a:hover{ color:#FFF; background:#666;} .per_title{ font-size:14px; display:block; width:100%; padding:2px 0; border-bottom:dashed 1px #CCCCCC; font-weight:bold;} .per{ display:block; width:95%; padding:5px 2%; background:#E3E3E3; border: none; font-size:14px; color:#666; font-weight:bold; float:left; margin-bottom:20px;} .right_btn{ float:right; color:#069 !important; font-size:12px; font-weight:normal;} /* shop*/ .star,.srar{ display: inline-block; width:63px; height:13px; background-image: url("images/star_s.png"); background-position:0 0; background-repeat:no-repeat; position:relative; } #stars_5,#stars__5{ background-position:0 0 ;} .case_satar{ margin-top:6px;} #stars_4,#stars__4{ background-position:0 -10px ;} #stars_3,#stars__3{ background-position:0 -24px ;} #stars_2,#stars__2{ background-position:0 -36px ;} #stars_1,#stars__1{ background-position:0 -48px ;} #stars_1,#stars__0{ background-position:0 -62px ;} .black_price_out{ width:100%; display:block; height:17px;} .black_price{ color:#f13340;font-size: 15px;font-weight: 700;} .black_price_yj{ color: #999;font-size: 14px;text-decoration: line-through; line-height:22px; margin-right:3px;} #stars_0{ background:none; width:10px;} .shop_form{ width:100%; height:auto; overflow:hidden;} .information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; } .success{border:#9C0 solid 1px; background:#E7F4A8;} .shop_form div{ width:96%; padding:3px 2%; height: auto; float:left; overflow:hidden; margin-bottom:8px;} .shop_form label{ font-size:14px; color:#333; margin-right:10px; width:105px; display:block; float:left; } .shop_form input{ float:left; width:40%;} .shop_form input,.shop_form textarea { padding:3px; border:#999 solid 1px; font-size:14px; color:#666;border-radius:3px;} .shop_form textarea{ width:96%; padding:1.5%; margin:3px 0;} .shop_form div em{ font-size:12px; color:#999;line-height:18px; margin-left:10px;} .shop_form div a{ margin-right:10px;} .shop_form #wp-submit{ padding:5px 25px; background:#F60; color:#FFF; cursor:pointer;float:right;} .shop_form .wp-submit{ padding:5px 45px; background:#F60; color:#FFF; cursor:pointer; border:solid #FFF 1px; margin:5px 0 0 112px;} .shop_form #wp-submit:hover,.shop_form .wp-submit:hover{ background: #F30; } #rememberme{ width:17px; margin:5px 0 0 112px;} .captcha{margin:5px 0 0 112px; } .captcha img{ width:180px; height:auto; border: solid #CCC 1px;} #original{ font-size:14px; color:#666; text-decoration:line-through; margin:0 10px 0 0} #price_now,#price_all{ font-size:14px; color:#F00;} #shop_price{ width:100%; margin:10px 0;} #shop_price_all{ width:100%; margin:0 0 10px 0;} .shop_comment{ width:100%; height:auto; margin:20px 0;} .shop_comment .shop_comment_title{ width:100%; margin:10px 0; font-size:16px; color:#333; border-bottom:dashed 1px #CCCCCC; display:block;} .shop_comment li{ width:100%; height:auto; margin-bottom:5px; border-bottom:#E6E6E6 1px dotted;} .shop_comment li p{ width:100%; height:auto; display: block; overflow:hidden;font-size:12px; color:#666;} .shop_comment li p b{ font-size:14px; color:#333; float:left;} .shop_comment li p span{ font-size:12px; color:#999; float:right;} .btn{ cursor:pointer;} .close_order{ float: right; line-height:21px; color:#999; font-weight:normal; cursor:pointer; font-size:12px;} .de_product p .original_price{ color:#333; text-decoration:line-through; text-decoration:line-through; float:none} .de_product p .price{ color:#F60; font-size:18px;} .shop_form{ width:100%; height:auto; overflow:hidden; padding-top:20px; } .hidden_block{ display:none;} .information{ display:block; width:95%; padding:5px 2%; border:#F60 solid 1px; background:#FDEBC6; color:#F00; margin:5px 0 15px 0;font-size:14px; float:left; } .information a{ font-size:14px; color:#069; margin:0 3px; text-decoration:none;} .success{border:#9C0 solid 1px; background:#E7F4A8;} .enter_cs a{font-size:14px;padding:5px 15px; float:left; cursor:pointer; color: #333; border-right:solid #ccc 1px; } .enter_cs a.cutyes{ background:#999; color:#FFF; font-weight:bold;} .tag_pro b{display:block; float:left; font-size:14px;} #shop_login{ float:right; height:34px; line-height:34px;} #shop_login a{ font-size:12px; color:#FFF; display:block; margin-right:10px; float:left;} #shop_login a:hover{ text-decoration:underline;} a.btn_login{ display:block; padding:0 18px; background:#a8302f; color:#FFF; height:20px; line-height:20px; margin-top:5px;border-radius:5px; border:#FFF solid 1px; } a.btn_login:hover{ color:#FFF; background:#000; color:#CCC; text-decoration: none !important;} .original_price{ color:#CCC; font-size:12px; float:left; display:block; text-decoration:line-through; margin-right:10px; line-height:20px; padding:1px 3px;} #price{ color:#FFF; margin-left:0; padding:1px 3px; background:#eb302f; font-size:14px;border-radius:3px; float:left;font-weight:bold; font-style:normal;} #price_l{ color:#fff; float:left; margin:0 0 3px 0;padding:1px 5px; background:#333; font-size:14px;border-radius:3px; font-size:14px; } .shop_p .original_price{ color:#666; font-size:12px; width:100px; margin:0;} .shop_p {margin:3px 0 3px 0; } .prices_p,.case_pic .time{ width:100%; display:block; overflow:hidden; padding:0 0 10px 10px;} #white{ color:#CCC; margin-right:5px;} #full_prodcts_single .de_product{ margin:10px 0; max-height:245px;} .tag_pro{ margin:0 !important; } #black{ color:#333; margin-left:10px;} .case_pic ul li p{ height:55px;} #big #price,#big .original_price{ float:none; display:inline;} .ppre{ margin:5px 0;} /*2015-3-19 shop_community*/ #cat_bbs_list{ width:99%; overflow:hidden; float:left; background:#FFF; border:#CCC solid 1px;} #cat_bbs_list_title{ width:96%;padding:15px 2% 8px 2%;height:auto; background:#fff;border-bottom:#CCC solid 1px; overflow:hidden;} #cat_bbs_list_title span{ display:block; float:left;} #cat_bbs_list .btn_loop{ width:96%;padding:10px 2%; float:left;border-bottom:#CCC solid 1px; overflow:hidden; background:#F3F3F3} #cat_bbs_list .btn_loop a{ font-size:14px; margin-right:15px; color:#333; text-decoration:none; background-image:url(images/bbs_sp.png); background-repeat: no-repeat; padding-left:25px; line-height:30px;} #cat_bbs_list .btn_loop a:hover{ text-decoration:underline;} #cat_bbs_list .btn_loop a#all{ background-position:-2px -8px; } #cat_bbs_list .btn_loop a#jinghua{ background-position:-2px -44px; } #cat_bbs_list .btn_loop a#huitie{ background-position:-2px -84px; } #cat_bbs_list_title h1,#post_bbs_page_from_title h1{ font-size:16px; color:#666; margin:5px 0; float:left; margin-right:10px;} #cat_bbs_list_title b{ font-size:12px; font-weight:normal; color:#666; float:left; line-height:30px; margin-left:10px;} #cat_bbs_list_title .post_btn,#post_bbs_page_from_title .post_btn{ float:right; display:block; padding:3px 5px; background:#3998C6; color:#FFF; font-size:14px;border-radius:5px; } #cat_bbs_list_title .post_btn:hover{ background:#333;} #cat_bbs_list ul li{ width:96%;padding:0 2%;height:auto; display:block; float:left; border-bottom:#CCC dashed 1px;} #cat_bbs_list ul li:hover{ background:#F3F3F3;} #author_bbs_avatar { width:80px; overflow:hidden; float:left; min-width:50px; text-align:center; padding-bottom:15px; padding-top:15px; position: relative;} #author_bbs_avatar #louzhu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -128px url(images/bbs_sp.png);} #author_bbs_avatar #huifu{ width:36px; height:36px; position:absolute; top:0; right:0; background: 0 -183px url(images/bbs_sp.png);} #author_bbs_avatar a{ display:inline-block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; } #author_bbs_avatar b{ font-size:14px; color:#999;} #author_bbs_avatar a img{ width:100%; height:auto;border-radius:100%;} #cat_bbs_list ul{ width:100%; padding:0; margin:0; overflow:hidden; display:block;} #cat_bbs_list ul li .left_bbs_single{ display:block; overflow:hidden; margin-left:100px;padding:15px 0;} #cat_bbs_list ul li #left_bbs_single{ margin-left:0; padding-left:20px; background:#FAFAFA; padding-right:10px; padding-bottom:120px; position:relative; } #cat_bbs_list ul li .left_bbs_single .bbs_a_title{ font-size:16px; color:#666; font-weight:bold; text-decoration:none;} #cat_bbs_list ul li .left_bbs_single .bbs_a_title:hover{ text-decoration:underline;} #cat_bbs_list ul li .left_bbs_single div,#cat_bbs_list ul li .author_bbs_avatar div{ width:100%; overflow:hidden; margin:5px 0;} #cat_bbs_list ul li .left_bbs_single div b{ display:block; padding:3px 5px; background:#A5A5A5; color:#FFF; font-size:12px; margin-right:10px; float:left;border-radius:5px; font-weight:normal;} #cat_bbs_list ul li #author_bbs_avatar div b{ font-size:12px; font-weight:normal; display:inline-block; margin-bottom:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.jinghua{ padding:3px 5px; background:#7ECDD3; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.bbs_over{ padding:3px 5px; background:#70AB1F; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li #author_bbs_avatar div b.admin_answer{ padding:3px 5px; background:#F60; color:#FFF; font-size:12px;border-radius:5px;} #cat_bbs_list ul li span div b.zhiding{ background:#FF7171;} #cat_bbs_list ul li span div b.jinghua{ background:#7ECDD3} #cat_bbs_list ul li span div b.bbs_over{ background:#70AB1F} #cat_bbs_list ul li span p{ margin-top:10px;text-indent:0 !important;word-break:break-all; /*支持IE，chrome，FF不支持*/ 　word-wrap:break-word;/*支持IE，chrome，FF*/} #cat_bbs_list ul li span a#zd_shop_bbs{ color:#F00;} .nav_bbs{ width:100%; height:auto; padding:10px 0; overflow:hidden;} .nav_bbs a{ display:block; padding:3px 8px; border:solid 1px #CCCCCC; margin-left:5px; float:left; color:#666; text-decoration:none;} .nav_bbs a:hover,.nav_bbs a.current{ background:#666; color:#FFF;} .post_bbs_page_from{ width:96%;padding:10px 1.5%; overflow:hidden; } .post_bbs_page_from #tougao_content_ifr{border:solid 1px #CCCCCC;} #post_bbs_page_from_title{width:96%;padding:10px 2%; overflow:hidden;background:#F3F3F3; margin-bottom:20px;} .post_bbs_page_from .cat{ width:100%; height:auto; padding:5px 0; margin-bottom:15px;} .post_bbs_page_from .cat label { font-size:14px; color:#666;} .post_bbs_page_from input#tougao_title,.post_bbs_page_from input#CAPTCHA{ padding:8px; border:solid 1px #CCCCCC; width:60%;} .error{ display:block; padding:5px; background:#FFD9D9; border:#F00; color:#F00; font-size:14px; text-indent:0 !important;} .post_bbs_page_from .submit{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#3998C6; color:#FFF; font-size:16px;border-radius:5px; margin-right:20px;} .post_bbs_page_from .reset{ float: left; display:block; padding:5px 60px; border: none; cursor:pointer; background:#ccc; color:#FFF; font-size:16px;border-radius:5px;} .yzmmmm{ display:block; width:100%;} .tijiao{ padding:10px 0 20px 50px; overflow:hidden;} .wp-editor-tabs{ display:none !important;} .single_bbs_avatar{ padding-right:10px; } #cat_bbs_list ul li#single_bbs_li{ padding:0 0 0 2% !important; width:98%;} #bbs_enter p,#bbs_enter a, #bbs_enter b{ font-size:14px;} #cat_bbs_list ul li span .datetime{ position:absolute; display:block; right:10px; bottom:15px; width:200px;} #cat_bbs_list ul li span .datetime a{ margin-left:10px;} .comment_ector{ width:100%; overflow:hidden; position:relative; padding-top:50px;} .comment_ector .tutle{position:absolute; left:10px; top:0; width:100%; height:60px;} .comment_ector .avatar_comment{ width:60px; height:60px;display:block; padding:3px; border:#999 1px solid; background:#FFF; overflow:hidden; font-size:0;border-radius:100%; float:left; margin-right:10px;} .comment_ector .avatar_comment img{width:60px; height:60px;border-radius:100%; } .comment_ector span{ width: auto; display: block; float:right; height:32px; padding:15px 15px 0 0} #comment_bbs{ width:98%; padding-top:30px !important; border:solid 1px #CCCCCC;} .comment_ector b{ font-size:14px; color:#999; line-height:51px;} #commentform #submit{ margin:0 !important; } .per b,.per a{ line-height:60px;} .per_title{ display:block; overflow:hidden; border-bottom:solid 1px #CCCCCC; padding:0;} .per_title a{ display:block; padding:5px 15px; background:#CCC; float:left; color:#fff; margin-right:1px; cursor:pointer; text-decoration: none;} .per img{ float:left; margin-right:20px; width:60px; height:60px; border-radius:60px; border:solid 4px #FFFFFF;} .case{ width:100%; height: auto; float:left; margin:0 0 20px 0;max-height:330px;} .case_in{ width:100%; height: auto;float:left; position:relative; overflow:hidden;} .case_in ul.slides li{ width:290px; height:auto; display:block; overflow:hidden; float:left;border:#fff solid 1px; background:#FFF; margin-right:10px;} .case_in ul.slides li .case_pic{ display: block; width:100%; height:auto; overflow:hidden; font-size:0; margin-bottom:8px; float:left; position:relative;} .case_in ul.slides li b,.case_in ul.slides li h2{ display:block; width:96%; padding:0 2%; font-size:14px; color:#333;float:left; margin-bottom:5px; height:30px; } .case_in ul.slides li p{ display:block; width:96%; padding:0 2%; font-size:12px; color:#666; float:left;} .case_in ul.slides li .price{ font-size:16px; color:#F00; display:block; width:96%; padding:0 2%; font-style:normal; font-weight:bold; margin-bottom:8px;float:left; height:24px} .case_in ul.slides li .pj_case{ display:block; width:96%; padding:0 2%;; margin-bottom:8px;float:left; height:31px;} .case_in .flex-direction-nav{ height:0;} .case_in .flex-direction-nav a{ width:70px; height:207px; position:absolute; display:block; top:0; display:none; font-size:0;} .case_in .flex-direction-nav a.flex-prev{ left:0; background:url("images/prev_c.png")} .case_in .flex-direction-nav a.flex-next{ right:0; background:url("images/next_c.png")} .case_in:hover .flex-direction-nav a{ display:block;} .kefu{ width:50px; height:auto; padding:5px; background:#fff; position:fixed; right:0; top:340px; z-index:100; border:solid 1px #ccc; border-radius:5px; } .kefu .kefu_d{ width:50px; height:50px; background-image:url(images/kefu.png); background-repeat:no-repeat; background-color:#fff; position:relative;} .kefu .kefu_d:hover{ background-color:#f2f2f2; cursor:pointer;opacity:1;filter:Alpha(opacity=100);} .kefu #tops{ background-position:14px 6px;} .kefu #tops a,.kefu #homes a,.kefu #shoucang a{ display:block;width:50px; height:50px;} .kefu #weixin{ background-position:14px -59px;} .kefu #weixin div{ width:auto; min-width:210px; height:auto; overflow:hidden; text-align:center; padding:10px;} .kefu #kefu_severs{ background-position:14px -116px;} .kefu #kefu_severs div{ width: auto;min-width:210px; height:auto; padding:10px;} .kefu #kefu_severs div a{ display:block; float:left; padding:5px 0; margin-right:10px; color:#666; font-size:14px; line-height:24px;} .kefu #shoucang{ background-position:14px -126px;} .kefu #homes{ background-position:14px -169px;} .kefu .kefu_d div{ position:absolute; top:-50px; right:50px; background:#fff; display:none; border:#CCC solid 1px;} /* Preload images */ body:after {content: url("images/close.png") url("images/loading.gif") url("images/prev.png") url("images/next.png"); display: none;} .lightboxOverlay {position: absolute;top: 0; left: 0;z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;} .lightbox { position: absolute;left: 0;width: 100%;z-index:10000000001;text-align: center;line-height: 0;font-weight: normal;} .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} .lightbox a img { border: none;} .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px;margin: 0 auto; -webkit-border-radius: 4px;-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .lb-outerContainer:after {content: ""; display: table; clear: both;} .lb-container { padding: 4px;} .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb-cancel { display: block; width: 32px;height: 32px;margin: 0 auto;background: url(images/loading.gif) no-repeat;} .lb-nav { position: absolute;top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} .lb-container > .nav { left: 0;} .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next {height: 100%; cursor: pointer; display: block;} .lb-nav a.lb-prev { width: 34%; left: 0;float: left; background: url(images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-nav a.lb-next { width: 64%; right: 0;float: right;background: url(images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .lb-dataContainer:after { content: ""; display: table; clear: both;} .lb-data { padding: 0 4px; color: #ccc;} .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em;} .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;} .lb-data .lb-number {display: block; clear: left; padding-bottom: 1em; font-size: 12px;color: #999999;} .lb-data .lb-close {display: block; float: right; width: 30px; height: 30px; background: url(images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;} .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .pagination { z-index: 20;} .index_p{ left:0; width:100%; bottom:10px; position: absolute;} .swiper-pagination-switch { display: inline-block;width: 8px; height: 8px; border-radius: 8px;background: #222; margin:0 10px 5px 0;opacity: 0.8; filter:Alpha(opacity=80); border: 2px solid #fff; cursor: pointer;} .swiper-visible-switch { background: #aaa;} .swiper-active-switch { background: #fff; border: 2px solid #222;} .swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1; overflow:hidden;} .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; }